<script>
import {footer} from "@/API/http";
export default {
  name: "footerPage",
  data(){
    return{
      footerList:[],
      // 底部友情链接评论
      footerNum:{
        dictType:'blogroll',
        pageNum:1,
        pageSize:5,
        orderByColumn:'dictSort',
        isAsc:'asc'
      }
    }
  },
  created() {
        footer(this.footerNum).then(res=>{
          // console.log(res)
          this.footerList=res.rows;
        })
  }
}
</script>

<template>
<div class="footePage">
  <div class="w">
    <div class="footerBox">
      <h2>友情连接:</h2>
      <ul>
        <li v-for="item in footerList " :key="item.dictCode"> <a class="ahref" target="_blank" :href="item.dictValue">{{item.dictLabel}}</a> </li>
      </ul>
    </div>

    <div class="xian"></div>
    <p>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</p>
  </div>
</div>
</template>

<style scoped lang="less">
  .w{
    padding: 20px;
    width: 1200px;
    margin: 0 auto;
  }
  .footerBox{
    color: white;
    margin-left: 250px;
    h2{
      color: white;
    }
    ul{
      display: flex;
      list-style: none;
      li{
        cursor: pointer;
        margin: 0 10px;
        a{
          color: #999999;
        }
        a:hover{
          color: #42b983;
        }
      }
      li:hover{
        color: #42b983;
      }
    }
  }
  .xian{
    //margin: 0 auto;
    width: 80%;
    height: 1px;
    background: gainsboro;
    margin: 10px auto;
  }
  p{
    text-align: center;
    color: white;
  }
  //底部样式
  .footePage{
    background: #0f141a;
  }
</style>